<!DOCTYPE html>
<!--
index
(c) 2016-11-29 SoChishun Added.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!--default css include-->
        <link rel="stylesheet" href="../skin/csslib/unsemantic/stylesheets/unsemantic-grid-responsive.min.css" />
        <link rel="stylesheet" href="../skin/csslib/Font-Awesome-4.7.0/css/font-awesome.min.css" />
        <link rel="stylesheet" href="../skin/scriptlib/jquery-ui-1.12.1/jquery-ui.min.css" />
        <link rel="stylesheet" href="../skin/scriptlib/ui-layout-1.4.0/layout-default-min.css" />
        <link rel="stylesheet" href="../skin/theme/sueuix5/css/sueuix5_old.css" />
        <!--/default css include-->
    </head>
    <body>
        <!--default js include-->
        <script src="../skin/scriptlib/jquery/jquery-1.12.3.min.js" type="text/javascript"></script>
        <script src="../skin/scriptlib/jquery-ui-1.12.1/jquery-ui.min.js" type="text/javascript"></script>
        <script src="../skin/scriptlib/jquery-ui-1.12.1/i18n/datepicker-zh-CN.js" type="text/javascript"></script>
        <script src="../skin/scriptlib/kindeditor-4.1.11/kindeditor-all-min.js" type="text/javascript"></script>
        <script src="../skin/scriptlib/ui-layout-1.4.0/jquery.layout-min.js" type="text/javascript"></script>
        <script src="../skin/scriptlib/slider-suite/Xslider/js/Xslider.min.js" type="text/javascript"></script>
        <script src="../skin/scriptlib/superfish-1.7.6/js/superfish.min.js" type="text/javascript"></script>
        <!--default js include-->
        <!--head-->
        <div class="ui-layout-north">
            <div class="head">
                <div class="logo"><a href="index.html">SUEUIX 5.0</a><small>基于jQuery生态系统的开箱即用前端框架</small></div>
                <div class="top-right-zone">
                    <ul>
                        <li id="user-profile">
                            <a href="#" class="xsui-link-button"><img class="xsui-img-16" src="../skin/theme/sueuix5/images/face.png" alt="" />Administrator</a>
                            <div class="xsui-panel xsui-card-panel xsui-dropdown-panel" style=" width:300px;">
                                <div class="xsui-panel-header">
                                    <div class="xsui-panel-header-left">个人资料</div>
                                    <div class="xsui-panel-header-right">
                                        <a href="#" class="xsui-icon-button xsui-panel-close-button"><i class="fa fa-close"></i></a>
                                    </div>
                                    <div class="xsui-clear"></div>
                                </div>
                                <div class="xsui-panel-body">
                                    <table>
                                        <tr>
                                            <th style="text-align: center;"><img style="width:72px; height:72px; margin:0 10px 0 5px;" src="../skin/theme/sueuix5/images/face.png" alt="" /></th>
                                            <td>
                                                帐号：Administrator<br />
                                                昵称：澜<br />
                                                角色：管理员<br />
                                                部门：无<br />
                                            </td>
                                        </tr>
                                        <tr><th>上次登录：</th><td>11-29 18:11 IP:192.168.1.93</td></tr>
                                        <tr><th>个性签名：</th><td>坚持产品梦想</td></tr>
                                    </table>
                                </div>
                                <div class="xsui-panel-footer">
                                    <div class="xsui-panel-footer-right">
                                        <a href="#" class="xsui-link-button" title="编辑个人资料"><i class="fa fa-edit"></i>编辑</a>
                                        <a href="#" class="xsui-link-button" title="离开电脑并锁定界面"><i class="fa fa-lock"></i>锁定</a>
                                        <a href="#" class="xsui-link-button" title="登出当前帐号"><i class="fa fa-power-off"></i>退出</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li id="my-message">
                            <a href="#" class="xsui-link-button"><i class="fa fa-envelope"></i>消息<span class="xsui-badge">6</span></a>
                            <div class="xsui-panel xsui-card-panel xsui-dropdown-panel" style=" width:170px;">
                                <div class="xsui-panel-header">
                                    <div class="xsui-panel-header-left">通知消息</div>
                                    <div class="xsui-panel-header-right">
                                        <a href="#" class="xsui-icon-button xsui-panel-close-button"><i class="fa fa-close"></i></a>
                                    </div>
                                    <div class="xsui-clear"></div>
                                </div>
                                <div class="xsui-panel-body">                                    
                                    <ul class="xsui-list">
                                        <li><i class="fa fa-caret-right fa-fw"></i><a href="#" title="架的探索也随着版本迭代">架的探索也随着版本...</a></li>
                                        <li><i class="fa fa-caret-right fa-fw"></i><a href="#" title="架的探索也随着版本迭代">架的探索也随着版本...</a></li>
                                        <li><i class="fa fa-caret-right fa-fw"></i><a href="#" title="架的探索也随着版本迭代">架的探索也随着版本...</a></li>
                                        <li><i class="fa fa-caret-right fa-fw"></i><a href="#" title="架的探索也随着版本迭代">架的探索也随着版本...</a></li>
                                        <li><i class="fa fa-caret-right fa-fw"></i><a href="#" title="架的探索也随着版本迭代">架的探索也随着版本...</a></li>
                                        <li><i class="fa fa-caret-right fa-fw"></i><a href="#" title="架的探索也随着版本迭代">架的探索也随着版本...</a></li>
                                        <li><i class="fa fa-caret-right fa-fw"></i><a href="#" title="架的探索也随着版本迭代">架的探索也随着版本...</a></li>
                                        <li><i class="fa fa-caret-right fa-fw"></i><a href="#" title="架的探索也随着版本迭代">架的探索也随着版本...</a></li>
                                        <li class="xsui-list-more"><i class="fa fa-ellipsis-h fa-fw"></i><a href="#">更多</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li><a href="#" class="xsui-link-button" title="把当前网址加入收藏夹"><i class="fa fa-heart"></i>收藏</a></li>
                        <li><a href="#" class="xsui-link-button" title="在新窗口中打开网站前台" target="_blank"><i class="fa fa-home"></i>网站</a></li>
                    </ul>
                    <div style="margin:10px 5px 0 0; text-align: right;">
                        <div class="xsui-clock" id="head-clock">
                            <span class="xsui-simple-time">00:00:00</span>
                            <div class="xsui-clock-panel xsui-dropdown-panel">
                                <canvas id="clock1_" width="191px;" height="191px"></canvas>
                                <div class="xsui-calendar-panel"></div>
                                <div class="xsui-clear" style="margin-right:5px; text-align: left; color:#F60;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="xsui-clear"></div>
            </div>
        </div>
        <!--/head-->
        <!--aside-->
        <div class="ui-layout-west">
            <div class="aside-menu">
                <h3>基础(Base)</h3>
                <div>                    
                    <ul>
                        <li><a href="序言.html" title="">序言(Preface)</a></li>
                        <li><a href="安装.html" title="">安装SUEUIX5</a></li>
                        <li><a href="开发规范.html" title="">开发规范</a></li>
                        <li><a href="目录结构.html" title="">目录结构</a></li>
                    </ul>
                </div>
                <h3>HTML元素(Element)</h3>
                <div>
                    <ul>
                        <li><a href="按钮.html" title="">按钮(Button)</a></li>
                        <li><a href="超链接按钮.html" title="">超链接按钮(LinkButton)</a></li>
                        <li><a href="下拉按钮.html" title="">下拉按钮(DropdownButton)</a></li>
                        <li><a href="表单.html" title="">表单(Form)</a></li>
                        <li><a href="表格.html" title="">表格(Table)</a></li>
                    </ul>
                </div>
                <h3>组件(Componse)</h3>
                <div>
                    <ul>
                        <li><a href="小微章.html" title="">小微章(Badge)</a></li>
                        <li><a href="" title="">菜单(Menu)</a></li>
                        <li><a href="" title="">面包屑导航(Breadcrumb)</a></li>
                        <li><a href="" title="">选项卡(Tabs)</a></li>
                        <li><a href="" title="">折叠组件(Accordion)</a></li>
                        <li><a href="" title="">面板(Panel)</a></li>
                        <li><a href="" title="">搜索面板(SearchPanel)</a></li>
                        <li><a href="" title="">列表面板(ListPanel)</a></li>
                        <li><a href="" title="">按钮组(ButtonGroup)</a></li>
                        <li><a href="" title="">输入框组(TextboxGroup)</a></li>
                        <li><a href="" title="">开关按钮(SwitchButton)</a></li>
                        <li><a href="" title="">文件上传(FileBox)</a></li>
                        <li><a href="" title="">下拉组件(Combobox)</a></li>
                        <li><a href="" title="">树形组件(Tree)</a></li>
                        <li><a href="" title="">树形表格(TreeTable)</a></li>
                        <li><a href="" title="">网格(Grid)</a></li>
                        <li><a href="" title="">属性窗口(PropertyGrid)</a></li>
                        <li><a href="" title="">对话框(Dialog)</a></li>
                        <li><a href="" title="">时间日期对话框(DateTimeBox)</a></li>
                        <li><a href="" title="">消息组件(Message)</a></li>
                        <li><a href="" title="">提示组件(Tooltip)</a></li>
                        <li><a href="" title="">进度条(ProgressBar)</a></li>
                        <li><a href="" title="">可视化模板设计(DraggableDesign)</a></li>
                        <li><a href="" title="">滚动侦测面板(ScrollSpyPanel)</a></li>
                    </ul>
                </div>
                <h3>插件(Plugin)</h3>
                <div>
                    <ul>
                        <li><a href="" title="">工具栏(Toolbar)</a></li>
                        <li><a href="" title="">分页条(Pagination)</a></li>
                        <li><a href="" title="">自动完成(AutoComplete)</a></li>
                        <li><a href="" title="">表单验证(FormValidate)</a></li>
                        <li><a href="" title="">评论列表(CommentTree)</a></li>
                        <li><a href="" title="">可视化编辑器(Editor)</a></li>
                        <li><a href="" title="">页面头部(PageHead)</a></li>
                        <li><a href="" title="">图片轮播(Slider)</a></li>
                        <li><a href="" title="">图表(Chart)</a></li>
                        <li><a href="" title="">在线客服(LiveChat)</a></li>
                        <li><a href="" title="">回到顶部(StickyMenu)</a></li>
                        <li><a href="" title="">全屏切换(FullScreen)</a></li>
                        <li><a href="" title="">代码修饰(CodePrettify)</a></li>
                        <li><a href="" title="">地区选择器(RegionPicker)</a></li>
                    </ul>
                </div>
                <h3>附录(Appendix)</h3>
                <div>
                    <ul>
                        <li><a href="" title="">颜色</a></li>
                        <li><a href="" title="">图标</a></li>
                        <li><a href="" title="">跨屏兼容(PC,Tablet,Mobile)</a></li>
                        <li><a href="" title="">在线资源</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!--/aside-->
        <!--main-->
        <div class="ui-layout-center">
            <main></main>
        </div>
        <!--/main-->
        <!--foot-->
        <div class="ui-layout-south">
            <!--notices-slider-->
            <div class="notices-slider grid-50 mobile-grid-50">
                <div class="slider-content">
                    <label><i class="fa fa-bullhorn"></i></label>
                    <ul id="slider-content-list" data-url="{:U('Notices/get_notices_list_json','sign=varsign')}" data-href="{:U('Notices/document_view','id=varkey')}">
                        <li><a href="#" title="sdfa">日本通过防卫大纲 明确提出加强钓鱼岛等防卫日本通过防卫大纲 明确提出加强钓鱼岛等防卫日本通过防卫大纲 明确提出加强钓鱼岛等防卫日本通过防卫大纲 明确提出加强钓鱼岛等防卫</a></li>
                        <li><a href="#">温家宝：彻底解决中印边界问题需耐心和时间</a></li>
                        <li><a href="#">菲律宾称不会对人质事件中香港遇难者作出赔偿</a></li>
                        <li>11月份全国楼市再度量价齐涨 可能引发第三轮调控</li>
                        <li>山西巡警队长成黑老大敛财数亿 27套房被查封</li>
                    </ul>
                    <a class="aleft" href="#up"><i class="fa fa-caret-left"></i></a>
                    <a class="aright" href="#down"><i class="fa fa-caret-right"></i></a>
                </div>
            </div>
            <!--/notices-slider-->
            <div class="foot">
                <div class="xsui-foot-right">
                    <div class="copyright">Copyright &COPY; 2016 SUEUIX 5.0</div>
                </div>
                <div class="xsui-clear"></div>
            </div>
        </div>
        <!--/foot-->
        <!--page config-->
        <div id="window-config-text" style="display:none">"KINDEDITOR_UPLOADER":"{:url('UploadHandler/kindeditor_upload')}"</div>        
        <!--/page config-->
        <!--foot js include-->
        <script src="../skin/theme/sueuix5/ctrl/Index/index_old.js" type="text/javascript"></script>
        <script src="../skin/theme/sueuix5/plugin/canvas-clock/canvas_clock.js" type="text/javascript"></script>        
        <!--/foot js include-->
        <!--foot script-->
        <script type="text/javascript"></script>
        <!--foot script-->
    </body>
</html>
